@charset "UTF-8";

/* reset */
body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,form,dt,dd,input,textarea,th,td,fieldset,legend,dl,dt,dd,figure{margin:0;padding:0;}
fieldset,img{border:0 none}
ul,ol,li{list-style:none}
table{border-spacing:0}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
*:focus{outline:none}
q:before,q:after{content:""}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
body,input,select,button,textarea{font:16px/1.5 Arial,Helvetica,sans-serif;}
*,*:after,*:before{-webkit-user-select:none;-webkit-touch-callout:none;-ms-user-select: none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
html,body{background:#fff;color:#000;-webkit-user-select:none;-webkit-moz-select:none;-webkit-o-select:none;-webkit-ms-select:none;user-select:none;background-color:#B10048}
table{border-collapse:collapse;border-spacing:0;}
input,textarea{ border:1px solid #b8b7b3;-webkit-user-select:auto;}
em{font-style:normal;font-weight:normal}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
img{vertical-align:top;max-width:100%;}
a{text-decoration:none;color:#000;}
html,body{font-family:Arial,"黑体";}
body{background:transparent;}
canvas{display:block;padding:0;margin:0;}
pre{word-wrap:break-word;margin:0;}

.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.clear:after,.tab-title:after{content:"";display:block;clear:both;height:0;line-height:0;overflow:hidden;font-size:0;}
.clear.tab-title{zoom:1;}
.fixbottom,.fixtop{position:fixed;left:0;bottom:0;width:100%;height:82px;background:rgba(0,0,0,.6);z-index:2}
.fixbottom .containWrap,.fixtop .containWrap{position:absolute;left:0;top:0;width:100%;height:100%;bottom:0;}
.fixtop{top:0;bottom:auto;}
.m15{margin-top:15px;}
.m25{margin-top:25px;}
.space_5{padding:5px 0 0 0;}
.space_10{padding:10px 0 0 0;}
.space_15{padding:15px 0 0 0;}
.space_20{padding:20px 0 0 0;}
.space_30{padding:30px 0 0 0;}
.space_50{padding:50px 0 0 0;}
.tc{text-align:center;}
.tr{text-align:right;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.indent{text-indent:2em;}

.space_1{padding:1px 0 0 0;}
.space_2{padding:2px 0 0 0;}
.space_3{padding:3px 0 0 0;}
.space_4{padding:4px 0 0 0;}
.space_5{padding:5px 0 0 0;}
.space_6{padding:6px 0 0 0;}
.space_7{padding:7px 0 0 0;}
.space_8{padding:8px 0 0 0;}
.space_9{padding:9px 0 0 0;}
.space_10{padding:10px 0 0 0;}
.space_12{padding:12px 0 0 0;}
.space_15{padding:15px 0 0 0;}
.space_20{padding:20px 0 0 0;}
.space_25{padding:25px 0 0 0;}
.space_30{padding:30px 0 0 0;}
.space_50{padding:50px 0 0 0;}
.space_70{padding:70px 0 0 0;}
.space_80{padding:80px 0 0 0;}

html,body{
    position:relative;
    width:100%;/* height:100%; */
}

.ad{
    display:block;
    width:100%;max-height:75px;min-height:50px;
}
.ad img{
    display:block;
    width:100%;max-height:75px;min-height:50px;
}


.cover{
    display:block;
    width:100%;height:100%;
}
.cover img{
    display:block;
    width:100%;height:100%;
}
.lotpot{
    display:none;
    position:fixed;top:0;left:0;z-index:1;
    width:100%;height:100%;
    background:rgba(0,0,0,.5);
}
.lotpot .shake{
    display:none;
    position:absolute;top:50%;left:50%;z-index:2;
    width:147px;height:304px;
    margin:-152px 0 0 -74px;
    background:url(../img/lotpot.png) no-repeat 0 0;
    animation:shake 0.8s steps(5) infinite;
    -webkit-animation:shake 0.8s steps(5) infinite;
}
@keyframes shake{
    100%{
        background-position: -735px 0;
    }
}
@-webkit-keyframes shake{
    100%{
        background-position: -735px 0;
    }
}
.lotpot .decode{
    display:none;
    position:absolute;top:50%;left:50%;z-index:2;
    width:320px;height:320px;
    margin:-160px 0 0 -160px;
}
.lotpot .decode .cont{
    position:absolute;top:0;left:0;z-index:4;
    width:320px;height:320px;
}
.lotpot .decode .cont img{
    display:block;
    width:28px;
    margin:0 auto;
}
/******弹出层遮罩层**********/
.bombScreen {
	width: 100%;
	height:100%;
	position: absolute;
	z-index:50;
	top: 0px;
	left: 0px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
}
.bombs7 {
	width:595px;
	height:600px;
	position: fixed;
	z-index: 51;
	left: 50%;
	margin-left: -297px;
	top: 50%;
	margin-top: -300px;
}
.tstk_conter{
	width:100%;
	text-align:center;
	position:relative;
}
.bom_wgz3{
	position: fixed;
	z-index: 51;
	width:215px;
	left: 50%;
	margin-left: -107px;	
	height:280px;
	top: 50%;
	margin-top: -170px;
}
.ygyl_tcc_bg{
	width: 17.85rem;
    position: relative;
}
.ygyl_tcc_wgz_nr3 {
	width: 87%;
	text-align: center;
	position: absolute;
	top: 13.5rem;
	left: 1.2rem;
}
.ygyl_tcc_wgz_title {
	color: #76140D;
	line-height: 1.8rem;
	font-size: 1.3rem;
}
.ygyl_tcc_wgz_nr3_btn {
	width: 100%;
	text-align: center;
	padding-top: 0.6rem;
}
.index_fxpyq{width:100%; text-align:center; padding-top:10%;margin-left: -5%;}
.bom_wgz .inputcontent7{ text-align:center; width:100%;}
.lotpot .decode .cont span{
    display:block;
    text-align:center;font-size:18px;line-height:40px;font-weight:normal;
    color:rgba(255,255,255,1);
}
.lotpot .decode .light{
    position:absolute;top:0;left:0;z-index:3;
    width:320px;height:320px;
    animation:light 5s linear infinite;
    -webkit-animation:light 5s linear infinite;
    -ms-animation:light 5s linear infinite;
    -moz-animation:light 5s linear infinite;
    -o-animation:light 5s linear infinite;
}
@keyframes light{
    0%   {-webkit-transform:rotate(0deg);opacity:1;}
    25% {-webkit-transform:rotate(45deg);opacity:.25;}
    50% {-webkit-transform:rotate(90deg);opacity:1;}
    75% {-webkit-transform:rotate(135deg);opacity:.25;}
    100% {-webkit-transform:rotate(180deg);opacity:1;}
}
@-webkit-keyframes light{
    0%   {-webkit-transform:rotate(0deg);opacity:1;}
    25% {-webkit-transform:rotate(45deg);opacity:.25;}
    50% {-webkit-transform:rotate(90deg);opacity:1;}
    75% {-webkit-transform:rotate(135deg);opacity:.25;}
    100% {-webkit-transform:rotate(180deg);opacity:1;}
}
@-moz-keyframes light{
    0%   {-webkit-transform:rotate(0deg);opacity:1;}
    25% {-webkit-transform:rotate(45deg);opacity:.25;}
    50% {-webkit-transform:rotate(90deg);opacity:1;}
    75% {-webkit-transform:rotate(135deg);opacity:.25;}
    100% {-webkit-transform:rotate(180deg);opacity:1;}
}
@-ms-keyframes light{
    0%   {-webkit-transform:rotate(0deg);opacity:1;}
    25% {-webkit-transform:rotate(45deg);opacity:.25;}
    50% {-webkit-transform:rotate(90deg);opacity:1;}
    75% {-webkit-transform:rotate(135deg);opacity:.25;}
    100% {-webkit-transform:rotate(180deg);opacity:1;}
}
@-o-keyframes light{
    0%   {-webkit-transform:rotate(0deg);opacity:1;}
    25% {-webkit-transform:rotate(45deg);opacity:.25;}
    50% {-webkit-transform:rotate(90deg);opacity:1;}
    75% {-webkit-transform:rotate(135deg);opacity:.25;}
    100% {-webkit-transform:rotate(180deg);opacity:1;}
}
.result{
    display:none;
    width:100%;height:100%;
}
.result img{
    display:block;
    width:100%;
    position:absolute;
    top:10%
   /*  height:100%; */
}
.result .bag{
    position:absolute;top:55%;right:50px;z-index:5;
    display:block;
    width:120px;height:120px;
    background:url(../../images/lot/bag.png) no-repeat 0 0;background-size:100% 100%;
    line-height:160px;text-align:center;font-size:20px;
    color:#ffefbf;
}
@media screen and (max-width:320px){
    .result .bag{
        width:100px;height:100px;
        line-height:140px;font-size:18px;
    }
}


.loading{
    display:none;
    position:fixed;top:0;left:0;z-index:11;
    width:100%;height:100%;
    background:rgba(0,0,0,.75);
}
.loading img{
    position:fixed;top:50%;left:50%;z-index:12;
    display:block;
    width:60px;height:60px;
    margin:-30px 0 0 -30px;
}
.loading span{
    position:fixed;top:50%;left:0;z-index:12;
    display:block;
    width:100%;
    margin-top:40px;
    text-align:center;font-size:16px;
    color:#fff;
}
   .main {
        background: url('../img/mybg4.jpg') no-repeat 0 0;
        background-size: 100% 100%;
        width: 100%;
    /*     height: 100%; */
    }
    .scoreText1{
        position: absolute;
        top: 25%;
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #ffff99;
    }
    
    .rule{
	        	background: rgba(0,0,0,0.2);				
				text-align: center;
				position: fixed;
				left: 0;
				bottom: 0px;
				width: 100%;
				height: 25px;
				line-height: 25px;
				z-index: 1010;
				font-size: 16px;
	        } 
/* .scoreText{
       position: absolute;
        top: 15%;
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #ffff99;
    } */
    
    /* 弹框提示 */
#hdsm,#fx,#zjl,#mzj,.attention,#no_focus{
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	left: 50%;
	margin-left: -50%;
	z-index: 10000;
}    
.hdsm{
	position: absolute;
	left: 50%;
	margin-left: -140px;
	top: 50%;
	margin-top: -160px;
	background: #ffffff;
	width: 280px;
	height: 320px;
	border-radius: 10px;
}
.hdsm h3{
    font-weight: bold;
	text-align: center;
	color: #222222;
	font-size: 1.4em;
	margin-top: 14px;
	margin-bottom: 10px;
}
.hdsm .back{
	width: 15px;
	height: 15px;
	position: absolute;
	right: 20px;
	top: 18px;
}
.hdsm .back img{
	width: 100%;
}
.hdsm .pContent{
	overflow-y: auto;
	height: 250px;
	padding: 0 10px;
	font-size: 10px;
}

.hdsm p{
	/*text-indent: 1em;*/
	/*background: url(../img/hdsmbg.png) left top no-repeat;*/
	background-position-y: 0.4em;
	margin:10px 0;
	font-size: 1.2em;
	color: #222222;
	text-align: justify;
}
.fx{
	width: 90%;
	margin: 10px auto;
}
.fx img{
	width: 100%;
}
.underline{
	height:1px;
	background-color:#D5D5D5;
	overflow:hidden;
}




















